<template>
  <div class="content-right">
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="componentConfig" tab="组件设置">
        <component class="fdv-config" :is="activeObj?.config"></component>
      </a-tab-pane>
      <a-tab-pane key="allConfig" tab="全局设置" force-render
        >全局设置</a-tab-pane
      >
    </a-tabs>
  </div>
</template>
<script setup lang="ts">
import { storeToRefs } from "pinia";
import { useDragStore } from "@/stores/useDefaultStore.ts";
import { ref } from "vue";
const dragStore = useDragStore();
const activeObj = storeToRefs(dragStore).activeObj;
const activeKey = ref("componentConfig");
</script>
<style lang="less" scoped>
.content-right {
  height: 100%;
  background: #f5f6fa;
  padding: 10px;
  :deep(.ant-tabs) {
    width: 100%;
    .ant-tabs-content {
      padding: 0 10px;
    }
  }
}
</style>
